<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      >
<head th:replace="fragments/tabhead::headc"></head>
<body>
<th:block layout:fragment="content">
    <div style="margin-top:15px">
  <form class="layui-form search" id="searchForm">
  <div class="layui-form-item layui-elem-quote">
    <div class="layui-inline">
      <label class="layui-form-label" style="width:100px">所属公司</label>
      <div class="layui-input-inline" style="width:200px">
      	 <select  id="companyId" name="companyId" >
      	 	<option value="">请选择公司</option>
<!--        <option th:each="ec:${@redisHelper.getActCenterCompany(session.userCompanyId)}" th:value="${ec.id}" th:text="${ec.name}"></option> -->
			<option th:each="ec:${actCenterCompanyMap}" th:value="${ec.code}" th:text="${ec.value}"></option>
         </select>
      </div>
    </div>
    <div class="layui-inline">
      <label class="layui-form-label" style="width:100px">员工姓名</label>
      <div class="layui-input-inline" style="width:130px;">
        <input type="text" id="name" class="layui-input" name='name' placeholder="请输入员工姓名"/>
      </div>
    </div>
    <div class="layui-inline">
      <div class="layui-input-inline" style="width:150px;">
        <button class="layui-btn" id="searchBtn" type="button">查询</button>
        <button class="layui-btn" id="addBtn" type="button" authcode='900023'>新增</button>
      </div>
    </div>
  </div>
 </form>
</div>
<table class="layui-table"  id="tab" lay-filter="tab"></table>
<script>
var ins,trobj,editdialogindex;
$(function() {
	// start table use
	layui.use('table',function() {
		var table = layui.table;
		// start table render
		ins= table.render({
			elem:'#tab'
			,url:'/com/staff/data?first=true'
		  	,cols: [[
// 					  {field:'id',width:80, sort: true,title:'员工ID',fixed:'true'},
				      {field:'companyName',width:180,title:'公司名'},
				      {field:'department',width:180,title:'所属部门'},
				      {field:'no', width:250,sort: true,title:'员工编号'},
				      {field:'name', width:250,title:'姓名'},
				      {field:'post', width:250,title:'职务'},
				      {field:'phone', width:180,title:'手机号'},
				      {field:'email', width:180,title:'邮箱'},
				      {field:'wx_name', width:180,title:'微信昵称'},
				      {field:'wx_openid', width:180,title:'微信openid'},
				      {field:'roleName', width:180,title:'角色'},
				      {field:'ctime', width:180,sort: true,title:'创建日期'},
				      {field:'remark', width:180,title:'备注'},
				      {align:'center',fixed:'right',width:200, toolbar:'#toolbar',title:'操作'}
				 ]]
		 	,page: true //是否显示分页
		    ,limits: [10,20,50]
		    ,limit:10 //每页默认显示的数量
			,done:function(res,curr,count){
//	 			 console.log(res);
				 page = curr;
				    //得到当前页码
				    console.log(curr); 
				    //得到数据总量
				    console.log(count);
			}
					
		});//end table render
		//start table on
		table.on('tool(tab)',function(obj) {
			var data = obj.data; //获得当前行数据
			var layEvent = obj.event; //获得 lay-event 对应的值
			trobj = obj;
			var tr = obj.tr; //获得当前行 tr 的DOM对象
			if(layEvent == 'edit') {
				$.get('/com/staff/edit?id='+data.id,{},function(str) {
					editdialogindex = layer.open({
						title:"员工信息修改",
					    type: 1,
					    area: ['800px', '500px'],
					    content: str, //注意，如果str是object，那么需要字符拼接。
					    zIndex:10
					  });
				});
			}else if(layEvent == 'del') {
				 layer.confirm('确定删除该行单据', {icon: 3, title:'提示'}, function(index){
				    		 //向服务端发送删除指令
				    		$.get('/com/staff/del_execute?id='+data.id,{},function(result) {
				    			if(result.code == 200) {
				    				trobj.del(); //删除对应行（tr）的DOM结构
								    layer.close(index);
								    layer.msg(result.message,{icon: 6});
								    return false;
				    			}else{
				    			 layer.msg(result.message,{icon: 0});
				    			 layer.close(index);
				    			 return false;
				    			} 
				    		});
				      
				      });
			}else if(layEvent == 'detail') {
				$.get('/com/staff/view/?id='+data.id,{},function(str) {
					editdialogindex = layer.open({
						title:"员工信息详情",
					    type: 1,
					    area: ['800px', '500px'],
					    content: str, //注意，如果str是object，那么需要字符拼接。
					    zIndex:10
					  });
				});
			}
		});// end table on
		 $("#searchBtn").click(function(){
			    ins.reload({url: '/com/staff/data',where:$("#searchForm").serializeJson()})
			    return false;
			});  //end search
		$("#addBtn").click(function() {
			var companyId = $("#companyId option:selected").val();
			console.log("companyId="+companyId);
			$.get('/com/staff/addinit?companyId='+companyId,{},function(str) {
				editdialogindex = layer.open({
					title:"新增员工信息",
				    type: 1,
				    area: ['800px', '500px'],
				    content: str, //注意，如果str是object，那么需要字符拼接。
				    zIndex:10
				  });
			});
		});
	});// end table use
	
});
</script>
<script type="text/html" id="toolbar">
	<a class="layui-btn  layui-btn-mini" lay-event="detail">详情</a>
	<a class="layui-btn layui-btn-mini" lay-event="edit" authcode="900025">修改</a>
	<a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del" authcode="900024">删除</a>
</script>
</th:block>
</body>
</html>